<template>
  <div class="wrap">
    <h1>我是App组件</h1>
    <!-- 
      props的使用:
        - 作用:主要是为了向子组件传递一些数据,用给子组件添加属性的方式传递,这样被称作为props传值
     -->
    <Count :count="count" />
  </div>
</template>

<script>
import Count from "./components/Count.vue";

export default {
  name: "App",
  components: { Count },
  data() {
    return {
      count: 1,
    };
  },
};
</script>

<style scoped>
.wrap {
  background-color: red;
}
</style>